//房屋详细信息
$(function() {

	// ---------------------------------------------------数据展示开始----------------------------------------------------//
	// 数据遍历
	$.traverseTheData = function(json) {
		if (json.reserveFlag == "1") {
			$("#zreserve").addClass("viewGray");
			$("#zreserve").text("已预约");
		}
		if (json.collectFlag == "1") {
			$("#toCollect").addClass("collectEnd");
			$("#collectTxt").text("已收藏");
		}
		var house = json.house;// 房源信息详情
		// 加载数据
		$("#hId").attr("value", house.hId);// 设置房屋hId
		console.log("【房屋hId】" + house.hId);
		$("#hCaption").text(house.hCaption);// 标题
		$("#quyu").text("[" + house.hArea + " " + house.hRegion + "]")// 区域，下属区域
		$("#hRent").text(house.hRent);// 租金
		$("#hSize").text("面积： " + house.hSize + " ㎡");// 房屋面积
		$("#hHeading").text("朝向： " + house.hHeading);// 房屋朝向
		$("#hType").text(" 户型： " + house.hRoom + "室" + house.hHall + "厅");// 房屋类型几室几厅
		var h_rental_method = house.hRentalMethod;// 出租方式
		if (h_rental_method == "合租") {
			$("#hRentalMethod").text("合");
		} else {
			$("#hRentalMethod").text("整");
		}
		// 楼层 楼层： 22/24层hFloor
		$("#hFloor")
				.text("楼层： " + house.hFloor + "/" + house.hFloorTotal + "层");
		// 位置
		$("#hLocation").text(house.hLocation);
	}

	// 房屋详细数据请求
	$.ajax({
		type : 'post',
		url : '/tenement/loadingHouseDetail.action',
		contentType : 'application/json;charset=utf-8',
		success : function(json) {
			$.traverseTheData(json);// 遍历数据
		}
	});
	// ---------------------------------------------------数据展示结束----------------------------------------------------//

	// ---------------------------------------------------预约看房开始----------------------------------------------------//
	// 我要租房按钮 toYuyue
	$("#zreserve").click(function() {
		var isReservedFlag = $(this).hasClass("viewGray");
		var userId = $("#uId").attr("value");
		if (userId == "") {
			displayMaskDvi();
			console.log("【用户uId】" + (userId == ""));
			$("#loginTipDiv").css("display", "block");// 提示登录框显示
			return;
		} else if (isReservedFlag) {
			return;
		} else {
			pop();
		}
	});
	$("#close1").click(function() {
		close_div();
	});
	function pop() {
		displayMaskDvi();
		$("#yuyueDiv").css("display", "block");// 我要约看div显示
	}

	// 收藏div关闭 souchangDiv toCollect
	$("#close2").click(function() {
		close_div();
	});

	$("#toYuyue").click(function() {
		var data = {
			"userName" : $("#y_name").val(),
			"userPhoneNumber" : $("#y_phone").val(),
			"hId" : $("#hId").attr("value"),
			"uId" : $("#uId").attr("value")
		};
		if (verifyUserName()) {
			if (verifyPhone()) {
				$.ajax({
					type : 'post',
					url : '/tenement/userReserveHouses.action',
					data : JSON.stringify(data),
					contentType : "application/json;charset=utf-8",
					success : function(msg) {
						close_div();
						$("#successTip").css("display", "block");
						$("#successTip").delay(1000).hide(0);
						 location.reload();
					},
					error : function() {
						console.log("【系统异常】");
					}
				})
			}
		}

	})
	// 预约看房功能,校验用户名
	function verifyUserName() {
		var userName = $("#y_name").val();
		if (userName == "" || userName.replace(/(^\s*)|(\s*$)/g, "") == "") {
			$("#nameTip").css("display", "block");
			$("#nameTip").delay(1000).hide(0);
			return false;
		} else {
			return true;
		}
	}
	// 预约看房功能,校验手机号
	var phoneReg = /^1[3|4|5|7|8][0-9]{9}$/;// 手机号正则表达式
	function verifyPhone() {
		var phone = $("#y_phone").val();// 获取用户输入的手机号
		if (!phoneReg.test(phone)) {
			$("#phoneCodeTip").css("display", "block");
			$("#phoneCodeTip").delay(1000).hide(0);
			return false;
		} else {
			return true;
		}
	}

	// ---------------------------------------------------预约看房结束----------------------------------------------------//

	// ---------------------------------------------------收藏操作开始----------------------------------------------------//
	// 收藏按钮
	$("#toCollect").click(function() {
		var isCollectedFlag = $(this).hasClass("collectEnd");
		var userId = $("#uId").attr("value");
		if (userId == "") {
			displayMaskDvi();// 遮罩层显示
			console.log("【用户uId】" + (userId == ""));
			$("#loginTipDiv").css("display", "block");// 提示登录框显示
			return;
		} else if (isCollectedFlag) {
			return;
		} else {
			console.log("【数据提交】");
			collectHouseMethod();
		}
	})
	// 收藏按钮
	function collectHouseMethod() {
		var data = {
			"u_id" : $("#uId").attr("value"),
			"h_id" : $("#hId").attr("value")
		};
		console.log(data);
		$.ajax({
			type : 'post',
			url : '/tenement/userCollectHouses.action',
			data : JSON.stringify(data),
			contentType : 'application/json;charset=utf-8',
			success : function(json) {
				if (json == "1") {
					displayMaskDvi();
					$("#souchangDiv").css("display", "block");// 我要收藏div显示
					$("#toCollect").addClass("collectEnd");
					$("#collectTxt").text("已收藏");
				}
			},
			error : function() {
				alert("系统未知错误");
			}
		});
	}
	// ---------------------------------------------------收藏操作结束----------------------------------------------------//

	// 遮罩层显示
	function displayMaskDvi() {
		var doc = document.documentElement;
		relHeight = (doc.clientHeight > doc.scrollHeight) ? doc.clientHeight
				: doc.scrollHeight;// 获取屏幕高度和当前页面高度中的较大值
		$("#md").css("height", relHeight + "px");
		$("#md").css("display", "block");// div遮罩层显示
	}
	// 关闭X
	function close_div() {
		document.body.style.margin = "";
		$("#md").css("display", "none");// 隐藏遮罩层
		$("#yuyueDiv").css("display", "none");// 隐藏约看div
		$("#souchangDiv").css("display", "none");// 隐藏收藏div
		$("#loginTipDiv").css("display", "none");// 关闭提示登录框
	}
	// 关闭登录框
	$("#J_closeBtn").click(function() {
		close_div();
	});
	// 关闭提示登录框
	$("#close3").click(function() {
		close_div();
	});
})